<template>
  <div class="product-over-view" id="cpgs">
    <!-- tit -->
    <div class="tit">
      <h2>产品概述</h2>
      <div class="empty-box"></div>
      <p>一诺万金智慧党建平台集党务工作管理、党务服务、党建运营与一体，实现党建工作全覆盖</p>
    </div>
    <!-- con -->
    <div class="con">
      <div class="img-box">
        <img src="https://www.1nuoyun.com/uploadfile/2021/09/16/20210916093855io9zyU.jpg" alt="智慧党建">
      </div>
      <div class="text-box">
        <p>
          <span>一诺万金公司</span>
          依托数十年软件开发经验，遵循《中国共产党章程》、党内相关规章制度及管理办法，结合党建实际工作，运用“互联网”+理念，打造集政治建设、思想建设、组织建设、作风建设、制度建设、廉政建设和精神文明建设为一体，专注于党务管理和党建创新的新型智慧党建平台。
        </p>
        <p>
          <span>一诺万金智慧党建平台</span>
          实现对区域内的党组织、党员、组织活动、志愿活动等基本档案的管理，党组织区域显示、优秀党组织发布、党员政治生日提醒、双报到、党费缴纳记录、流动党员转入转出、党建理论、书记课堂、在线考试、学习心得、党建资讯发布、三会一课管理、党员志愿服务、志愿服务审核、志愿积分兑换，为党务工作者提供一站式智慧党建整体化解决方案，实现党建工作从管理到服务到运营的全面信息化、规范化、科学化、智慧化。
        </p>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "ProductOverView",
    data() {
      return {

      }
    }
  }
</script>

<style lang="scss" scoped>

@import "assets/scss/public";

.product-over-view {
  width: 62.5%;
  margin: 40px auto;
  .tit {
    .empty-box {
      background: linear-gradient(90deg, #f5222d, #ff4242);
    }
  };
  .con {
    box-shadow: 0 0 10px #f5f5f5;
    padding: 40px;
    display: flex;
    align-items: center;
    .img-box {
      margin-right: 40px;
      img {
        width: 400px;
      }
    };
    .text-box {
      p {
        font-size: 16px;
        line-height: 32px;
        color: #666;
        text-align: justify;
        span {
          font-weight: 1000;
          color: #333;
        }
      }
    }
  };
  .con:hover {
    transition-duration: 0.3s;
    transform: translateY(-5px);
  }
}

</style>